$brandColor: #FFB200;

body {
  background: #fdfafa;
}
.boxShadow {
  box-shadow: 2px 0 6px 0 #908e8e21;
}
.bgcFFF {
  background-color: #fff;
}

/* 滚动条整体部分 */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* 滚动条里面的滑块 */
::-webkit-scrollbar-thumb {
  background-color: #d1d1d1;
  border-radius: 20px;
  transition: background-color 0.3s;
}

/* fade-transform */
.fade-transform-leave-active,
.fade-transform-enter-active {
  transition: all .5s;
}

.fade-transform-enter {
  opacity: 0;
  transform: translateX(-30px);
}

.fade-transform-leave-to {
  opacity: 0;
  transform: translateX(30px);
}

// 顶部间距
.mgt {
  margin-top: 20px;
}
.brr {
  border-radius: 10px;
}
.pdd {
  padding: 30px;
  box-sizing: border-box;
}

.leftBtn .el-button {
  margin-left: 20px;
}
// Flex
.flex{
  display: flex;
  .flex1 {
    flex: 1
  }
  .flex2 {
    flex: 2;
  }
  .flex3 {
    flex: 3;
  }
}
.wbg {
  background-color: white;
  box-shadow: 0 0 6px 0 rgb(144 142 142 / 17%);
}

.placeholder::placeholder, .placeholder input::placeholder {
  color: #606266;
}

.elEmpty {
  border-top: 1px solid #f5efee;
  padding: 100px 0;
  margin: 0 auto;
  color: #b5abab;
  font-size: 14px;
}

// Bar
.listBtnBar {
  display: flex;
  padding: 20px 30px;
  justify-content: space-between;
}
// 覆盖 elementUI
.el-loading-spinner .path{
  stroke: $brandColor !important;
}
.el-input__inner{
  border: 1px solid #F8F5F5 !important;
  background-color: #F8F5F5 !important;
  &:hover {
    border: 1px solid #887e7e !important;
  }
  &:focus {
    border: 1px solid $brandColor !important;
  }
}

.el-input .el-input-group__append {
  background: #e7dfdf;
  padding: 0 10px;
  border: 0;
}

.el-select-dropdown__item.selected {
  color: $brandColor;
}
.el-button--primary {
  background-color: $brandColor;
  border: 1px solid $brandColor;
  color: black;
  &:hover {
    background-color: #ff8e00;
    border: 1px solid #ff8e00;
    color: black;
  }
}

.el-button--success {
  background: #00be76;
  border-color: #00be76;
  &:hover {
    background: #007a4c;
    border-color: #007a4c;
  }
}
.el-button--default {
  background: #f8f5f5;
  border: 1px solid #f8f5f5;
  color: #332929;
  &:hover {
    background-color: $brandColor;
    border: 1px solid $brandColor;
    color: #332929;
  }
}

button.el-button--text {
  color: $brandColor
}

// tabel
.el-table {
  .el-table__header {
    .el-table__cell {
      background: #F9F6EE;
    }
  }
  .el-table__row {
    &.el-table__row--striped .el-table__cell{
      background: #FDFCF9 !important;
    }
    .el-table__cell {
      padding: 0;
    }
  }
}

.el-dialog__wrapper .el-dialog__header {
  height: 30px;
  background: #fff;
  box-shadow: 0 0 6px 0 #908e8e2b;
}

.el-pagination {
  padding-top: 18px;
  padding-bottom: 32px;
  text-align: center;
  .el-pager .number{
    &.active, &:hover {
      color: $brandColor
    }
  }
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: $brandColor;
  background: $brandColor;
}
.el-radio__input.is-checked+.el-radio__label {
  color: $brandColor;
}

.el-form-item.is-error .el-input__inner {
  border: 1px solid red !important;
}

.el-input.is-disabled .el-input__inner {
  background: #f3ebeb !important;
  border-color: #f3ebeb !important;
  color: #b5abab !important;
}